<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>当前任务</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/production.css" />
		<meta name="format-detection" content="telephone=no" />
		<!--[if lt IE 9]>
			<script src="js/lib/html5shiv.js"></script>
		<![endif]-->
		<script src="js/lib/flexible.js"></script>
		<style>
			.TabNav{
				position: fixed;
			}
			.TabMain {
				padding: 1.1733333rem 0 0 0;
			}
		</style>
	</head>
	<body>
	<!--加载中 -->
	<div class="spinner" id="spinner" style="display: none">
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
	<!--加载中 end-->

	<div class="main" id="main">
		<div class="TabNav">
			<ul class="TabNavUl">
				<li class="active"><span>任务1</span></li>
				<li><span>任务2</span></li>
				<li><span>任务3</span></li>
				<li><span>任务4</span></li>
				<li><span>任务5</span></li>
				<li><span>任务6</span></li>
				<li><span>任务7</span></li>
				<li><span>任务8</span></li>
				<li><span>任务9</span></li>
				<li><span>任务10</span></li>
			</ul>
		</div>
		<div class="TabMain">
			<ul class="TabMainUl">
				<li>
					<div class="title">零件监控编号：12002（<span class="partTxt">未开始</span>）</div>
					<div class="content">
						<p><span>生产单号：</span>SD123</p>
						<p><span>零件名称：</span>塑料杯子盖</p>
						<p><span>生产单号：</span>SD123</p>
						<p><span>产品名称：</span>101塑料杯</p>
					</div>
					<div class="content">
						<p><span>计划生产总量：</span>7891个</p>
						<p><span>已生产总量：</span>0个</p>
						<p><span>不合格总量：</span>0个</p>
					</div>
					<div class="content">
						<div class="bottomBut">
							<span class="but startBox start">选择工序</span>
							<span class="startPos start">选择工序</span>
						</div>
					</div>
				</li>
				<li>
					<div class="title">加工工序：首件制作</div>
					<div class="content">
						<p><span>工序内容：</span>中走丝50</p>
						<p><span>计划工时：</span>1小时（2017/06/12 09:20-2017/06/12 20:20）</p>
						<p><span>生产设备：</span>CNC（设备编号：00121）计划</p>
						<p><span>产品名称：</span>101塑料杯</p>
					</div>
					<div class="content">
						<p><span>实际开始时间：</span>2017/06/12 09:20</p>
						<p><span>实际生产设备：</span>CNC设备00121</p>
					</div>
					<div class="content">
						<div class="bottomBut">
							<span class="but shift">交班</span>
							<span class="but pause">暂停工序</span>
							<span class="but end">完成工序</span>
						</div>
					</div>
				</li>
				<li>
					<div class="title">加工工序：首件制作</div>
					<div class="content">
						<p><span>工序内容：</span>中走丝50</p>
						<p><span>计划工时：</span>1小时（2017/06/12 09:20-2017/06/12 20:20）</p>
						<p><span>生产设备：</span>CNC（设备编号：00121）计划</p>
						<p><span>产品名称：</span>101塑料杯</p>
					</div>
					<div class="content">
						<p><span>实际开始时间：</span>2017/06/12 09:20</p>
						<p><span>实际生产设备：</span>CNC设备00121</p>
					</div>
					<div class="content">
						<div class="bottomBut">
							<span class="but succeed">接班</span>
						</div>
					</div>
				</li>
				<li>
					<div class="title">加工工序：首件制作</div>
					<div class="content">
						<p><span>工序内容：</span>中走丝50</p>
						<p><span>计划工时：</span>1小时（2017/06/12 09:20-2017/06/12 20:20）</p>
						<p><span>生产设备：</span>CNC（设备编号：00121）计划</p>
						<p><span>产品名称：</span>101塑料杯</p>
					</div>
					<div class="content">
						<p><span>实际开始时间：</span>2017/06/12 09:20</p>
						<p><span>实际生产设备：</span>CNC设备00121</p>
					</div>
					<div class="content">
						<div class="bottomBut">
							<span class="but continue">继续工序</span>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!--<script src="http://saas-pro.oss-cn-shenzhen.aliyuncs.com/cjgc-h5/app/js/lib/zepto.min.js"></script>-->
	<script src="http://saas-pro.oss-cn-shenzhen.aliyuncs.com/cjgc-h5/app/js/lib/jquery.2.1.4.min.js"></script>
	<script src="http://saas-pro.oss-cn-shenzhen.aliyuncs.com/cjgc-h5/app/js/layer/mobile/layer.js"></script>
	<script language="javascript" src="js/productionMode.js"></script>
	</body>
</html>
